<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet"/>
<link href="assets/css/front/listCommonStyle.css" rel="stylesheet"/>
<link href="assets/css/modify.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<style>
    .bootbox-close-button {
        width: 19px;
        height: 19px;
        border: none;
        cursor: pointer;
        -webkit-appearance: none;
        float: right;
        top: 4px;
        left: -5px;
        position: relative;
        background: #E9F5FF url("assets/img/nav-img/icon_close.png") no-repeat 0 0;
    }

    .bootbox .modal-dialog {
        width: 60% !important;
    }

    .modal-content {
        width: 100%;
    }

    input, select, .form-control {
        height: 30px;
    }

    .myDialogDetail label {
        margin-bottom: 0px !important;
    }

    .detailDialogStyle {
        line-height: 30px;
        margin-bottom: 15px;
    }
    .myDialogDetail1 .modal-body{
        padding-bottom: 0px!important;
        border-bottom-right-radius: 5px!important;
        border-bottom-left-radius: 5px!important;
    }
</style>
<div id="detailDiv">
    <div class="row " style="width: 100%;margin:auto 0;height: 50px;">
        <div class="col-xs-12 margin-top-10">
            <input type="hidden" class="packageType" value="${packageType}"/>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="1"
                        style="border-color: #5db2ff!important;float:left;background-color: #5db2ff;color: #fff;">
                    会员信息
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn " onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="2"
                        style="border-color: #5db2ff!important;float:left;">
                    课时包信息
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="3"
                        style="border-color: #5db2ff!important;float:left;">
                    班级信息
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="4"
                        style="border-color: #5db2ff!important;float:left;">
                    考勤信息
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="5"
                        style="border-color: #5db2ff!important;float:left;">
                    加减课时
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="6"
                        style="border-color: #5db2ff!important;float:left;">
                    收款信息
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="7"
                        style="border-color: #5db2ff!important;float:left;">
                    退款信息
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="8"
                        style="border-color: #5db2ff!important;float:left;">
                    跟进记录
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="9"
                        style="border-color: #5db2ff!important;float:left;">
                    转历史记录
                </button>
            </div>
            <div class="col-xs-1 nopadding " style="width: 100px;margin-right: 1px">
                <button type="btn" class="btn col-xs-12 chooseDetailBtn" onclick="showMemberDetailById(this)"
                        serializeNum="${serializeNum}" targetDataId="${memberId}" flag="10"
                        style="border-color: #5db2ff!important;float:left;">
                    延期记录
                </button>
            </div>
        </div>
    </div>
    <div class="row myDialogDetail myDialogDetai" style="margin-left:0px!important;">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="leftTree">
            <form>
                <div class="row"
                     style="margin-bottom: 15px;margin-top:15px;font-size: 14px;border-bottom: 1px solid #ccc;margin-left: 0px!important;">
                    <label style="font-size: 14px">
                        基础信息
                    </label>
                    <label class="pull-right">
                        <button type="button" class="editBtn btn btn-blue float-right" style="width: 100px;">编辑</button>
                        <button type="button" class="preserveBtn btn btn-blue  float-right"
                                style="display: none;width: 100px;">保存
                        </button>
                    </label>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle" style="position: relative;">
                    <div class="col-xs-5 ">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >会员编号：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.number???string(data.number?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <input type="text" class="form-control" value="${data.number}" readonly>
                        </div>
                    </div>
                    <div style="position: absolute;width: 170px;height: 210px;right: 0;top: -16px;border: 1px solid #ccc;">
                        <div class="col-xs-12 text-align-center">
                            会员二维码
                        </div>
                        <div class="col-xs-12 text-align-center">
                            <img src="http://placehold.it/107x107" alt="">
                        </div>
                        <div class="col-xs-12 text-align-center">
                            898910192898
                        </div>
                        <div class="col-xs-12 text-align-center">
                            <button type="button" class="btn" style="width: 100px;background-color: #c5ced0;color: #000">复制</button>
                        </div>
                    </div>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >客户姓名：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.name???string(data.name?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <input type="text" class="form-control" value="${data.name}"/>
                        </div>
                    </div>
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.nickName???string(data.nickName?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <input type="text" class="form-control" value="${data.nickName}"/>
                        </div>
                    </div>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.sex???string(data.sex?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <label>
                                <input type="radio" name="sex" style="margin-right: 5px;opacity: 1;position: static;"
                                       checked="true">
                            </label>
                            <label style="margin-right: 10px">男</label>
                            <label>
                                <input type="radio" name="sex"
                                       style="margin-right: 5px;opacity: 1;position: static;">
                            </label>
                            <label>女</label>
                        </div>
                    </div>
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >出生日期：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.birthdayDate???string(data.birthdayDate?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <input type="text" class="form-control" value="${data.birthdayDate}"
                                   onFocus="WdatePicker({maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})">
                        </div>
                    </div>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle circleHtml">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center">家长信息：</label>
                        <div class="col-xs-9 editHide nopadding-left">
                            <#list data["pertainRelationList"] as cl>
                                <label>
                                    ${cl.name}
                                </label>
                                <label>
                                    ${cl.affiliationRelation}
                                </label>
                                <label>
                                    ${cl.name}
                                </label>
                            </#list>
                        </div>
                        <div class="col-xs-9 editShow nopadding-left nopadding-right" style="display: none;"
                             id="circleHtml">
                            <label class="col-xs-12 nopadding">
                                <label class="nomargin-bottom col-xs-5 nopadding">
                                    <input required="required" data-bv-message="请填写家长姓名！" maxlength="12"
                                           alt="家长姓名" id="patriarchName" placeholder="家长姓名" type="text"
                                           title="家长姓名"
                                           class="form-control patriarchName" value="${cl.name}"/>
                                </label>
                                <label class="nomargin-bottom col-xs-5 nopadding">
                                    <select name="affiliationRelation" class="affiliationRelation"
                                            style="width: 87px!important;">
                                        <option>关系</option>
                                        <@dictionary groupCode="affiliationRelation";dics>
                                        <#list dics as dic>
                                            <option value="${dic.code}">${dic.value}</option>
                                        </#list>
                                    </@dictionary>
                                    </select>
                                </label>
                                <label class="nomargin-bottom col-xs-2 nopadding-left nopadding-right"
                                       style="padding-top: 3px">
                                    <div onclick="clickAdd()"
                                         style="width: 22px;height: 22px;background: url('assets/img/nav-img/icon_add.png');">
                                    </div>
                                </label>
                            </label>
                            <label class="col-xs-12 nopadding">
                                <label class="nomargin-bottom col-xs-5 nopadding">
                                    <input required="required" data-bv-message="请填写联系电话！" maxlength="11"

                                           alt="联系电话" id="contactPhone" placeholder="联系电话" type="text"
                                           title="联系电话"
                                           class="form-control contactPhone"
                                           value="${cl.affiliationRelation}"/>
                                </label>
                                <label class="nomargin-bottom col-xs-5 nopadding">
                                    <select name="positionType" class="positionType">
                                        <@dictionary groupCode="positionType";dics>
                                        <#list dics as dic>
                                            <option value="${dic.code}">${dic.value}</option>
                                        </#list>
                                    </@dictionary>
                                    </select>
                                </label>
                            </label>

                        </div>

                    </div>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >微&nbsp;信&nbsp;号：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.weiChat???string(data.weiChat?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <input type="text" class="form-control" value="${data.weiChat}"/>
                        </div>
                    </div>
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >固定电话：</label>
                    </div>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >家庭住址：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.familyAddress???string(data.familyAddress?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <input type="text" class="form-control" value="${data.familyAddress}"/>
                        </div>
                    </div>
                </div>
                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.familyAddress???string(data.familyAddress?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <textarea class="form-control" name="remark" rows="2"
                                      style="resize:none" value="${data.familyAddress}"></textarea>
                        </div>
                    </div>
                </div>

                <div class="row"
                     style="margin-bottom: 15px;margin-top:15px;font-size: 14px;border-bottom: 1px solid #ccc;margin-left: 0px!important;clear: both;height: 33.3px;">
                    <label style="font-size: 14px">
                        高级信息
                    </label>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >客户来源：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.channelSource???string(data.channelSource?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <select name="channelSource" class="col-xs-12">
                                <option value="">请选择</option>
                                <@dictionary groupCode="channelSource";dics>
                                <#list dics as dic>
                                    <option value="${dic.code}">${dic.value}</option>
                                </#list>
                            </@dictionary>
                            </select>
                        </div>
                    </div>
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >需要程度：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.demanDegree???string(data.demanDegree?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <select name="demanDegree" class="col-sm-12">
                                <option value="">请选择</option>
                                <@dictionary groupCode="demanDegree";dics>
                                <#list dics as dic>
                                    <option value="${dic.code}">${dic.value}</option>
                                </#list>
                            </@dictionary>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >性格类型：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.character???string(data.character?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <input type="text" class="form-control" value="${editEntity.character}">
                        </div>
                    </div>
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >是否转介绍：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.isTurnIntroduce???string(data.isTurnIntroduce?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <select name="isTurnIntroduce" class="col-sm-12">
                                <option value="">请选择</option>
                                <@dictionary groupCode="isTurnIntroduce";dics>
                                <#list dics as dic>
                                    <option value="${dic.code}">${dic.value}</option>
                                </#list>
                            </@dictionary>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-5">
                        <label class="col-xs-3 control-label no-padding-right text-center"
                        >调查问卷：</label>
                        <div class="col-xs-8 editHide nopadding-left">
                            ${(data.isFinishQuestionnaire???string(data.isFinishQuestionnaire?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-8 editShow nopadding-left" style="display: none;">
                            <select name="isFinishQuestionnaire" class="col-sm-12">
                                <@dictionary groupCode="isFinishQuestionnaire";dics>
                                <#list dics as dic>
                                    <option value="${dic.code}">${dic.value}</option>
                                </#list>
                            </@dictionary>
                            </select>
                        </div>
                    </div>
                    <div class="col-xs-5">
                        <label class="col-xs-5 control-label no-padding-right text-center"
                        >是否参加过早教课程：</label>
                        <div class="col-xs-7 editHide nopadding-left">
                            ${(data.isJoinEarlyEducationCourse???string(data.isJoinEarlyEducationCourse?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-7 editShow nopadding-left" style="display: none;">
                            <select name="isJoinEarlyEducationCourse" class="col-sm-12">
                                <option value="">请选择</option>
                                <@dictionary groupCode="isJoinEarlyEducationCourse";dics>
                                <#list dics as dic>
                                    <option value="${dic.code}">${dic.value}</option>
                                </#list>
                            </@dictionary>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="col-xm-12 col-sm-12 col-lg-12 detailDialogStyle">
                    <div class="col-xs-10 nopadding-left">
                        <label class="col-xs-2 control-label text-center" >客户评估：</label>
                        <div class="col-xs-10 editHide nopadding-left">
                            ${(data.clientAssess???string(data.clientAssess?html,"未设置"))!'未设置'}
                        </div>
                        <div class="col-xs-10 editShow nopadding-left" style="display: none;">
                            <@dictionary groupCode="clientAssess";dics>
                            <#list dics as dic>
                                <label class="nomargin">
                                    <label>
                                        <input type="checkbox" name="clientAssessChk" value="${dic.code}"
                                               style="margin-right: 5px;opacity: 1;position: static;height: 18px!important;margin-top: 4px!important;">
                                    </label><label style="margin-right: 10px">${dic.value}</label>
                                </label>
                            </#list>
                        </@dictionary>
                    </div>
                </div>
        </div>

        <div class="col-xm-12 col-sm-12 col-lg-12  detailDialogStyle">
            <div class="col-xs-10 nopadding-left">
                <label class="col-xs-2 control-label text-center"
                >入园方式：</label>
                <div class="col-xs-10 editHide nopadding-left">
                    ${(data.joinSchoolWay???string(data.joinSchoolWay?html,"未设置"))!'未设置'}
                </div>
                <div class="col-xs-10 editShow nopadding-left" style="display: none;">
                    <@dictionary groupCode="joinSchoolWay";dics>
                    <#list dics as dic>
                        <label class="nomargin">
                            <label>
                                <input type="checkbox" name="joinSchoolWayChk" value="${dic.code}"
                                       style="margin-right: 5px;opacity: 1;position: static;height: 18px!important;margin-top: 4px!important;">
                            </label><label style="margin-right: 10px">${dic.value}</label>
                        </label>
                    </#list>
                </@dictionary>
            </div>
        </div>
    </div>

    <div class="col-xm-12 col-sm-12 col-lg-12  detailDialogStyle">
        <div class="col-xs-10 nopadding-left">
            <label class="col-xs-2 control-label text-center"
            >选择机构因素：</label>
            <div class="col-xs-10 editHide nopadding-left">
                ${(data.organizationElement???string(data.organizationElement?html,"未设置"))!'未设置'}
            </div>
            <div class="col-xs-10 editShow nopadding-left" style="display: none;">
                <@dictionary groupCode="organizationElement";dics>
                <#list dics as dic>
                    <label class="nomargin">
                        <label>
                            <input type="checkbox" name="organizationElementChk" value="${dic.code}"
                                   style="margin-right: 5px;opacity: 1;position: static;height: 18px!important;margin-top: 4px!important;">
                        </label><label style="margin-right: 10px">${dic.value}</label>
                    </label>
                </#list>
            </@dictionary>
        </div>
    </div>
</div>

<div class="col-xm-12 col-sm-12 col-lg-12  detailDialogStyle">
    <div class="col-xs-10 nopadding-left">
        <label class="col-xs-2 control-label text-center"
        >关注潜能开发：</label>
        <div class="col-xs-10 editHide nopadding-left">
            ${(data.potencyExploit???string(data.potencyExploit?html,"未设置"))!'未设置'}
        </div>
        <div class="col-xs-10 editShow nopadding-left" style="display: none;">
            <@dictionary groupCode="potencyExploit";dics>
            <#list dics as dic>
                <label class="nomargin">
                    <label>
                        <input type="checkbox" name="potencyExploitChk" value="${dic.code}"
                               style="margin-right: 5px;opacity: 1;position: static;height: 18px!important;margin-top: 4px!important;">
                    </label><label style="margin-right: 10px">${dic.value}</label>
                </label>
            </#list>
        </@dictionary>
    </div>
</div>
</div>

<div class="col-xm-12 col-sm-12 col-lg-12  detailDialogStyle">
    <div class="col-xs-10 nopadding-left">
        <label class="col-xs-2 control-label text-center"
        >感兴趣的课程：</label>
        <div class="col-xs-10 editHide nopadding-left">
            ${(data.interstedCourse???string(data.interstedCourse?html,"未设置"))!'未设置'}
        </div>
        <div class="col-xs-10 editShow nopadding-left" style="display: none;">
            <@dictionary groupCode="interstedCourse";dics>
            <#list dics as dic>
                <label class="nomargin">
                    <label>
                        <input type="checkbox" name="interstedCourseChk" value="${dic.code}"
                               style="margin-right: 5px;opacity: 1;position: static;height: 18px!important;margin-top: 4px!important;">
                    </label>
                    <label style="margin-right: 10px">${dic.value}</label>
                </label>
            </#list>
        </@dictionary>
    </div>
</div>
</div>

<!--<div class="col-xm-12 col-sm-12 col-lg-12 margin-bottom-20">-->
<!--<label class="col-sm-2 col-sm-offset-2 control-label no-padding-right text-right"-->
<!--style="line-height: 34px;">所属城区：</label>-->
<!--<div class="col-sm-6 editHide" style="line-height: 34px;">-->
<!--${(data.addressRegion???string(data.addressRegion?html,"未设置"))!'未设置'}-->
<!--</div>-->
<!--<div class="col-sm-6 editShow" style="display: none;">-->
<!--<select class="col-sm-4">-->
<!--<option value="">1</option>-->
<!--</select>-->
<!--<select class="col-sm-4">-->
<!--<option value="">1</option>-->
<!--</select>-->
<!--<select class="col-sm-4">-->
<!--<option value="">1</option>-->
<!--</select>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-xm-12 col-sm-12 col-lg-12 margin-bottom-20">-->
<!--<label class="col-sm-2 col-sm-offset-2 control-label no-padding-right text-right" style="line-height: 34px;">会员邀请码：</label>-->
<!--<div class="col-sm-6 editHide" style="line-height: 34px;">1</div>-->
<!--<div class="col-sm-6 editShow" style="display: none;">-->
<!--<input type="text" class="form-control"/>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-xm-12 col-sm-12 col-lg-12 margin-bottom-20">-->
<!--<label class="col-sm-2 col-sm-offset-2 control-label no-padding-right text-right" style="line-height: 34px;">会员邀请码：</label>-->
<!--<div class="col-sm-6 editHide" style="line-height: 34px;">-->
<!--<img src="http://placehold.it/107x107" alt="">-->
<!--</div>-->
<!--<div class="col-sm-6 editShow" style="display: none;">-->
<!--<input type="text" class="form-control"/>-->
<!--</div>-->
<!--</div>-->
</form>
</div>
<div class="row bootbox-footer" style="height: 44px;background-color: #f5f5f5;margin-right: -15px;border-bottom-right-radius: 5px!important;border-bottom-left-radius: 5px!important;clear: both;"></div>
</div>
</div>

<script>

    $(".editBtn").click(function () {
        $(".editShow").show();
        $(".editHide").hide();
        $(this).hide();
        $(".preserveBtn").show();
    })

    $(".preserveBtn").click(function () {
        $(".editShow").hide();
        $(".editHide").show();
        $(this).hide();
        $(".editBtn").show();
    })

    function showMemberDetailById(that) {
        var serializeNum = $(that).attr("serializeNum");
        var targetdataId = $(that).attr("targetDataId");
        var flag = $(that).attr("flag");
        $(".chooseDetailBtn").each(function () {
            if ($(this).attr("flag") == flag) {
                $(this).css("background-color", "#5db2ff");
                $(this).css("color", "#fff");
            } else {
                $(this).css("background-color", "#fff");
                $(this).css("color", "#000");
            }
        })
        var htmlTitle = "会员详情";
        var type = $(".packageType").val();
        ajaxRequest("tssStudentController/getMemberDetailById.do", {
            serializeNum: serializeNum,
            memberId: targetdataId,
            type: type,
            flag: flag,
        }, function (html) {

            var size = $("#detailDiv").find(".myDialogDetai" + flag).size();
            if (flag == 1) {
                $("#detailDiv").remove();
                $(".bootbox-body").append(html);

            } else {
                if (size == 0) {
                    $("#detailDiv").append(html);
                    $("#detailDiv").find(".myDialogDetai").each(function () {
                        if ($(this).attr("class").split(" ").indexOf("myDialogDetai" + flag) < 0) {
                            $(this).remove();
                        }
                    })
                }

            }

        }, function () {
            ajaxError("加载页面失败!")
        }, "get", "html")
    }

    var html = '<div class="newCircleHtml">' + '<label class="col-xs-12 nopadding" style="margin-top: 15px">\n' +
        '                                <label class="nomargin-bottom col-xs-5 nopadding" >\n' +
        '                                    <input required="required" data-bv-message="请填写家长姓名！" maxlength="12"\n' +
        '                                           alt="家长姓名" id="patriarchName" placeholder="家长姓名" type="text"\n' +
        '                                           title="家长姓名"\n' +
        '                                           class="form-control patriarchName" value="${cl.name}"/>\n' +
        '                                </label>\n' +
        '                                <label class="nomargin-bottom col-xs-5 nopadding">\n' +
        '                                    <select name="affiliationRelation" class="affiliationRelation"\n' +
        '                                            style="width: 87px!important;">\n' +
        '                                        <option>关系</option>\n' +
        '                                        <@dictionary groupCode="affiliationRelation";dics>\n' +
        '                                        <#list dics as dic>\n' +
        '                                            <option value="${dic.code}">${dic.value}</option>\n' +
        '                                        </#list>\n' +
        '                                    </@dictionary>\n' +
        '                                    </select>\n' +
        '                                </label>\n' +
        '                                <label class="nomargin-bottom col-xs-2 nopadding-left nopadding-right"\n' +
        '                                       style="padding-top: 3px">\n' +
        '                                    <div class="circle11"' +
        '                                         style="width: 22px;height: 22px;background: url(\'assets/img/nav-img/icon_hidden..png\');">\n' +
        '                                    </div>\n' +
        '                                </label>\n' +
        '                            </label>\n' +
        '                            <label class="col-xs-12 nopadding">\n' +
        '                                <label class="nomargin-bottom col-xs-5 nopadding">\n' +
        '                                    <input required="required" data-bv-message="请填写联系电话！" maxlength="11"\n' +
        '\n' +
        '                                           alt="联系电话" id="contactPhone" placeholder="联系电话" type="text"\n' +
        '                                           title="联系电话"\n' +
        '                                           class="form-control contactPhone"\n' +
        '                                           value="${cl.affiliationRelation}"/>\n' +
        '                                </label>\n' +
        '                                <label class="nomargin-bottom col-xs-5 nopadding">\n' +
        '                                    <select name="positionType" class="positionType">\n' +
        '                                        <@dictionary groupCode="positionType";dics>\n' +
        '                                        <#list dics as dic>\n' +
        '                                            <option value="${dic.code}">${dic.value}</option>\n' +
        '                                        </#list>\n' +
        '                                    </@dictionary>\n' +
        '                                    </select>\n' +
        '                                </label>\n' +
        '                            </label>'
    '</div>'

    function clickAdd() {
        $('#circleHtml').append(html);
    }

    $("#circleHtml").click(function (e) {
        if (e.target.className == "circle11") {
            $(e.target).parents(".newCircleHtml").remove();
        }
    });

</script>


